@import "./mixin", "./common.scss", "./antd-ui.scss";

/**
   包含对 antd 组件样式的封装 
*/
/* --------------------------------------------
                * 初始化滚动条样式 *
---------------------------------------------*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(158, 158, 158, 0.4);

  &:hover {
    background: rgba(158, 158, 158, 0.6);
  }
}
html,
body {
  padding: 0;
  margin: 0;
}

html {
  font-size: 100px;
}

body {
  font-size: 0.18rem;
}

@each $direction in left, right, top, bottom {
  .border-spe-#{$direction} {
    border-#{$direction}: 1px solid $BDColor;
  }
}

.border-spe {
  border: 1px solid $BDColor;
  border-radius: 4px;
}

.app-container {
  @include flex();
  height: 100%;
  overflow: hidden;
}

.app-column-container {
  @include size();
  @include flex(column);
  overflow: hidden;
}

.main,
.main-container {
  @include size();
  flex: 1;
  overflow: hidden;
}

.main-container {
  padding: 1em;
}

.app-top-btn {
  width: 100%;
  padding: $ContainerPadding;
  text-align: right;
}

.ant-btn + .ant-btn {
  margin-left: 0.5em;
}

.login-info-menu {
  top: 0.64rem !important;
}

.no-valid .ant-form-item{
  margin-bottom: 0;
}
